<template>
  <div>
    <h2>Shop</h2>
    <p ref="p1">hello tag p</p>
    <button @click="log">get P1</button>
  </div>
</template>
<script setup>
import { onMounted, shallowRef } from 'vue';

const p1 = shallowRef(null);

const log = function () {
  console.log(p1.value);
}
onMounted(() => {
  console.log(p1.value);
});

</script>